form.simple_form {
  padding: 1em;
  background-color: #F5F5F5;
  margin-bottom: 1em;
}
form.simple_form, .shadow {
  border: 1px solid #BBB;
  -moz-box-shadow: 0.3em 0.3em 9px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0.3em 0.3em 9px rgba(0, 0, 0, 0.1);
  box-shadow: 0.3em 0.3em 9px rgba(0, 0, 0, 0.1);
}

form.simple_form .buttons input,
form.simple_form a.cancel {
  font-family: Arial;
  font-weight: bold;
  line-height: 2em;
  padding: 0.5em 1em;
}
form.simple_form .buttons input {
  color: #444;
  margin-right: 0.3em;
  text-shadow: 0 1px #FFF;
}
form.simple_form .buttons input:hover {
  cursor: pointer;
}
form.simple_form a.cancel {
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  background: #D00;
  background: -moz-linear-gradient(90deg, #BB0000 0%, #EE4444 100%) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#E44), color-stop(1.0,#B00));
  color: white !important;
  margin-left: 0.3em;
  text-decoration: none;
  text-shadow: 0px 1px 0px #555;
}
form.simple_form a.cancel:hover {
  background: #E00;
  background: -moz-linear-gradient(90deg, #C11 0%, #F55 100%) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#F55), color-stop(1.0,#C11));
}

form.simple_form div.string, form.simple_form div.text, form.simple_form div.boolean, form.simple_form div.select, form.simple_form div.file, form.simple_form div.integer {
  margin-bottom: 1.3em;
}
form.simple_form label, form.simple_form .label {
  float: left;
  width: 9%;
  color: #333;
  font-size: 10pt;
  font-family: Verdana;
  font-weight: bold;
  line-height: 1.8em;
  text-shadow: 1px 1px 1px #DDD;
}
form.simple_form input.string {
  display: block;
  padding: 0.3em;
  margin-left: 9%;
  width: 89%;
}

form.simple_form .buttons { margin-left: 9%; margin-top: 1.5em; }
form.simple_form span.hint { color: #666; display: block; font-size: 8pt; font-style: italic; margin: 0.5em 0 0 9%;}
form.simple_form span.hint em { color: #333; font-weight: bold; }

form.simple_form div.fieldWithErrors:first-child {
  width: 9%;
  float: left;
}
form.simple_form div.fieldWithErrors:first-child label {
  float: none;
}
form.simple_form div.fieldWithErrors { background-color: #FBE3E4; padding: 0.5em 0; }
form.simple_form span.error {
  background: white;
  border: 1px solid red;
  color: red;
  display: block;
  font-weight: bold;
  margin-left: 9%;
  margin-top: 0.5em;
  padding: 0.5em;
}

form.simple_form .preview {
  margin-bottom: 1em;
}
form.simple_form .preview h4 {
  margin-top: 0;
  margin-bottom: 0.5em;
}
form.simple_form .preview img {
  border: 1px solid #CCC;
}
form.simple_form .details p:first-child {
  margin-top: 0;
}
form.simple_form .details .label {
  display: inline-block;
  float: none;
}

div.dimensions {
  margin-bottom: 1.3em;
}
div.dimensions div.integer {
  display: inline;
}

fieldset legend {
  font-weight: bold;
  text-shadow: 1px 1px 1px #DDD;
}
ul#meta_fields {
  list-style-type: none;
  padding-left: 0;
  margin: 0.5em 0 0;
}
ul#meta_fields li {
  position: relative;
  background: #EEE;
  background: -moz-linear-gradient(0deg, #EEEEEE 0%, #F3F3F3 100%) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#EEE), color-stop(1.0,#F3F3F3));
  border: 1px solid #999;
  margin-bottom: 0.5em;
  padding: 0.5em;
  padding-bottom: 0;
}
ul#meta_fields li div.field {
  margin-top: 0.5em;
}
ul#meta_fields li div.field input.string {
  width: auto;
}
ul#meta_fields li .delete {
  position: absolute;
  bottom: 0.5em;
  right: 0.5em;
}
form.simple_form ul div.string, form.simple_form ul div.text {
  margin-bottom: 0.5em;
}
